@charset "utf-8";
/* ****************************************************
Since : 2008-11-26
Last Modified: 2008-11-28
***************************************************** */
.keyvisual{
	background-color:#FFFFFF;
}
.keyvisual_img{
	width:1000px; 
	margin:0 auto; 
	position:relative;
}
.keyvisual_copy{
	position: absolute;
	top:40px;
	left:20px;
	text-align:center;
	color:#FFF;
}
.keyvisual_copy h2{
	font-size: 24px;
	font-weight: bold;
}
.keyvisual_copy p{
	font-size:15px;
	font-weight: bold;
	margin-top: 30px;
}

.keyvisual_copy_tabletennis{
	position: absolute;
	bottom:20px;
	left:315px;
	text-align:center;
	margin: 0 auto;
	color:#FFF;
}
.keyvisual_copy_marathon{
	position: absolute;
	bottom:20px;
	left:270px;
	text-align:center;
	margin: 0 auto;
	color:#FFF;
}
.keyvisual_copy_tennis{
	position: absolute;
	top:85px;
	right:135px;
	text-align:center;
	margin: 0 auto;
	color:#FFF;
}
.keyvisual_copy_rugby{
	position: absolute;
	bottom:20px;
	left:345px;
	text-align:center;
	margin: 0 auto;
	color:#FFF;
}
.keyvisual_copy_skate{
	position: absolute;
	bottom:20px;
	left:320px;
	text-align:center;
	margin: 0 auto;
	color:#FFF;
}
.keyvisual_copy_curling{
	position: absolute;
	text-align:center;
	margin: 0 auto;
	bottom:20px;
	left:222px;
	color:#fff;
}
.keyvisual_copy_curling h2{
	font-size: 24px;
	font-weight: bold;
}

.keyvisual_copy_tabletennis p,
.keyvisual_copy_marathon p,
.keyvisual_copy_tennis p,
.keyvisual_copy_skate p,
.keyvisual_copy_curling p,
.keyvisual_copy_rugby p{
	font-size:15px;
	font-weight: bold;
	margin-top: 30px;
	background-color: rgba(78,78,78,0.5);
	padding: 10px;
}

.keyvisual_caution{
	position:absolute;
	bottom:10px;
	right:10px;
	color:#FFFFFF;
}
.thumb_caution{
	position: absolute;
	bottom: 3px;
	left: 3px;
	color: #fff;
	font-size: x-small;
}
h2{
	font-size:18px;
	font-weight:bold;
}
div.thumb{
	height:300px;
	border: 1px solid #787878;
}
#skate div.thumb{
	height:201px;
}
/**div.thumb img.thumb_caution{
	position: relative;
}**/
div.title{
	max-width:300px;
	margin: 0 auto;
}
p.category{
	float: left;
	color: #00f;
}
p.date{
	float: right;
	color: #575757
}
.color-black{
	color: #000 !important;
}

/* #filter
--------------------------- */
#filter {
    margin: 0 auto;
    width: 1000px;
    text-align: center;
}
#filter p{display: inline-block;
	width:135px;
	text-align: center;
}
#filter a{
	border: #f5f5f5 1px solid;
	background-color: #f5f5f5;
	color: #000;
	margin-right: 5px;
	padding: 10px 0;
	display: block;
}
#filter a:last-child{
	margin-right: 0;
}

#filter a.active{
	border: #000 1px solid;
	background-color: #000;
	color: #fff;
	padding: 10px 0;
	font-weight: bold;
}
#filter a span{
	padding-bottom: 5px;}

#filter a:link { text-decoration:none; color: #000;}
#filter a:visited { text-decoration:none; color: #000;}
#filter a:active { text-decoration:none; color: #000;}
#filter a:hover { text-decoration:none; color: #fff; background-color: #000; border: 1px solid #000;}
#filter a.active:link { text-decoration:none; color: #fff;}
#filter a.active:visited { text-decoration:none; color: #fff;}
#filter a.active:active { text-decoration:none; color: #fff;}
#filter a.active:hover { text-decoration:none; color: #fff;}
 
/* #filterlist
--------------------------- */
#filterlist {
    margin: 0 20px;
    text-align: left;
}
 
#filterlist ul {
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
    text-align: left;
}
 
#filterlist ul li {
    margin: 10px;
    width: 300px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
}

#filterlist ul li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

 
#filterlist ul li div.thumb img {
    width: 100%;
}
 
.backbtn{
	width: 250px;
	margin:0 auto;
} 

/* =======================================
    ClearFixElements
======================================= */
#filterlist ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#filterlist ul {
    display: inline-block;
    overflow: hidden;
}
.fr {
	float: right; 
}

.w325 {
	width: 325px !important;
}
.mfp-content figure {
    background: #fff;
    padding: 3.333%;
}
.mfp-img {
    padding: 0!important;
}
.mfp-image-holder .mfp-close {
    right: 0;
    width: 44px;
    text-align: center;
    padding-right: 0;
}
.img_rugby a{
  display: block
}

.defaultCursor, .defaultCursor .mfp-image-holder .mfp-close {
  cursor: default !important;}
@media screen and (min-width: 767px) {
.sp{display: none;}
}

@media screen and (max-width: 767px) {

.keyvisual{
	background-color:#FFFFFF;
}
.keyvisual_img{
	width:100%; 
	margin:0 auto; 
	position:relative;
}
.keyvisual_copy,
.keyvisual_copy_tabletennis,
.keyvisual_copy_marathon,
.keyvisual_copy_tennis,
.keyvisual_copy_rugby,
.keyvisual_copy_skate,
.keyvisual_copy_curling{
	display:none;
}

.pc{
	display: none;
	}

.keyvisual_caution{
	position:absolute;
	bottom:0px;
	margin:0 auto;
	color:#FFFFFF;
    font-size: xx-small;
}

h2{
	font-size:18px;
	font-weight:bold;
}
div.thumb{
	height:auto;
	max-width: 300px;
}
div.title{
	max-width:300px;
	margin: 20px auto;
}
p.category{
	float: left;
	color: #00f;
}
p.date{
	float: right;
	color: #575757
}

/* #filter
--------------------------- */
#filter {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
#filter p{display: inline-block;
	width:135px;
	text-align: center;
	margin-bottom: 10px;
}
#filter a{
	border: #f5f5f5 1px solid;
	background-color: #f5f5f5;
	color: #000;
	margin-right: 5px;
	padding: 10px 0;
	display: block;
}
#filter a:last-child{
	margin-right: 0;
}

#filter a.active{
	border: #000 1px solid;
	background-color: #000;
	color: #fff;
	padding: 10px 0;
	font-weight: bold;
}
#filter a:link { text-decoration:none; color: #000;}
#filter a:visited { text-decoration:none; color: #000;}
#filter a:active { text-decoration:none; color: #fff;}
#filter a:hover { text-decoration:none; color: #fff; background-color: #000; border: 1px solid #000;}
 
#filter a.active:link { text-decoration:none; color: #fff;}
#filter a.active:visited { text-decoration:none; color: #fff;}
#filter a.active:active { text-decoration:none; color: #fff;}
#filter a.active:hover { text-decoration:none; color: #fff;}
 
/* #filterlist
--------------------------- */
#filterlist {
    margin: 0 auto;
    text-align: center;
}
 
#filterlist ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
 
#filterlist ul li {
    width: 300px;
    text-align: center;
    float: none;
	margin: 20px auto;
    display: inline;
    overflow: hidden;
}
 
#filterlist ul li div.thumb img {
    width: 100%;
    float: none;
	text-align: center;
}
 
/* =======================================
    ClearFixElements
======================================= */
#filterlist ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#filterlist ul {
    display: inline-block;
    overflow: hidden;
}
}